<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />


</h:head>

<body>
	<ui:include src="./header.xhtml" />
<div id="content-outer">
<div id="content">
	
<!--  start page-heading -->
	<div id="page-heading">
		<h1>Modify User</h1>
	</div>
<!-- end page-heading -->
<h:form id="mainform" action="">
			
		<table  border="0" width="75%" cellpadding="0" cellspacing="0" id="product-table">
		<tr><th valign="bottom">Account Information</th></tr>	
		<tr>
			<th valign="bottom" >Login ID:	</th>
			<td><h:inputText type="text" value="#{updateSystemUserManageBean.userName}" size="40" class="inp-form" disabled="true"/></td>				
		</tr>
		

		<tr>
				<th>ID Card Number:</th>
		  		<td><h:inputText type="text" value="#{updateSystemUserManageBean.idCardNumber}" size="40" class="inp-form"/></td>	
		</tr>
		<tr class="alternate-row">
				<th valign="bottom">User Profile</th>		  		
		</tr>
		<tr>
			<th valign="bottom">First Name:</th>
			<td><h:inputText type="text" value="#{updateSystemUserManageBean.firstName}" size="20" class="inp-form"/></td>
			<th valign="bottom" style="padding-left: 20px">Mid Name:</th>
			<td><h:inputText type="text" value="#{updateSystemUserManageBean.midName}" size="20" class="inp-form"/></td>
			<th valign="bottom" style="padding-left: 20px">Last Name:</th>
			<td><h:inputText type="text" value="#{updateSystemUserManageBean.lastName}" size="20" class="inp-form"/></td> 		
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">Phone Number 1:</th>
			<td><h:inputText type="text" value="#{updateSystemUserManageBean.phone}" size="20" class="inp-form"/></td>
			<th valign="bottom" style="padding-left: 20px">Phone Number 2:</th>
			<td><h:inputText type="text" value="#{updateSystemUserManageBean.phone2}" size="20" class="inp-form"/></td>
		</tr>	
		<tr>
			<th valign="bottom">Address 1:</th>
		  	<td><h:inputText type="text" value="#{updateSystemUserManageBean.address}" size="20" class="inp-form"/></td>
		  	<th valign="bottom" style="padding-left: 20px">Address 2:</th>
		  	<td><h:inputText type="text" value="#{updateSystemUserManageBean.address2}" size="20" class="inp-form"/></td>
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">Email 1:</th>
		  	<td><h:inputText type="text" value="#{updateSystemUserManageBean.email}" size="20" class="inp-form"/></td>	
			<th valign="bottom" style="padding-left: 20px">Email 2:</th>
		  	<td><h:inputText type="text" value="#{updateSystemUserManageBean.email2}" size="20" class="inp-form"/></td>	
		</tr>
		<tr><th valign="bottom">Role</th>
		</tr>
		<tr class="alternate-row">
			<td colspan="7">
			<h:selectBooleanCheckbox value="User Admin" style="chkBox"/><h:outputText value=" User Admin" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="User Support" style="chkBox"/><h:outputText value=" User Support" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="Account Admin" style="chkBox"/>	<h:outputText value=" Account Admin" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="Accound Support"/>	<h:outputText value=" Account Suppor" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="Report Support"/>	<h:outputText value=" Report Support" />
			</td>
		</tr>
		<tr align="center">
		  		<td colspan="7"> 
		  		<h:commandButton value="Edit" type="submit"
								action="#{updateSystemUserManageBean.update}"
								class="mod-button"></h:commandButton>
		  		&nbsp;
		  		<h:commandButton value="Cancel" type = "submit"
		  						action="#{updateSystemUserManageBean.cancel}"
		  						class="cancel-button"></h:commandButton>
		  		</td>
		  	</tr>
				</table>
				<!--  end product-table................................... -->
</h:form>
	
</div>	
</div>
</body>
</html>
